<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>福维克美善品</title>
		<link rel="stylesheet" href="css/index.css" />
	</head>

	<body class="index">
		<div class="top_title">
		</div>
		<div class="index_menu">
			<ul>
				<li class="menu_item">
					<a href="javascript:void(0)">
						<img src="images/tableware@2x.png" alt="用餐" class="img1" />
					</a>
				</li>
				<li class="menu_item">
					<a href="javascript:void(0)">
						<img src="images/ingredients@2x.png" alt="食材" class="img2" />
					</a>
				</li>
				<li class="menu_item">
					<a href="javascript:void(0)">
						<img src="images/truner@2x.png" alt="餐具" class="img3" />
					</a>
				</li>
				<li class="menu_item">
					<a href="javascript:void(0)">
						<img src="images/season@2x.png" alt="时令" class="img4" />
					</a>
				</li>
				<div class="blank"></div>
			</ul>
		</div>
		<div class="tiandi"></div>
		<div class="slide_up">
			<img src="images/Up-Icon@2x.png" alt="向上滑动" class="upIcon" />
		</div>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/bodySize.js"></script>
		<script>
			$(function() {
				var nStartY, nStartX, nChangY, nChangX;
				document.getElementsByTagName('body')[0].addEventListener('touchstart', function(e) {
					nStartY = e.targetTouches[0].pageY;
					nStartX = e.targetTouches[0].pageX;
				});
				document.getElementsByTagName('body')[0].addEventListener('touchend', function(e) {
					nChangY = e.changedTouches[0].pageY;
					nChangX = e.changedTouches[0].pageX;
					if((nChangY - nStartY) < -50) {
						
					}
				});
			})
		</script>
	</body>

</html>